<div class="container" data-hx-boost="false">
  <h2>Current Settings</h2>
  {{ range CookieList }}
  <div>
    <span>{{.Key}}</span>=<span>{{.Value}}</span>
  </div>
  {{ end }}
  <form action="/settings/reset-all" method="post">
    <input type="submit" value="Reset All" />
  </form>
  <h2>Login</h2>
  <p>Supported features (for now):</p>
  <ul>
    <li>Discovery page</li>
    <li>Landing page</li>
  </ul>
  <p>
    You can only login using your account's cookie, check out
    <a
      href="https://codeberg.org/VnPower/PixivFE/src/branch/v2/doc/How-to-get-the-cookie-%28PIXIVFE_TOKEN%29.md"
      >this page</a
    >
    to see how to get it.
  </p>
  <p>
    Note that you will get logged out automatically every time the server
    updates, if you are logged in before but got logged out recently, it is
    probably because the instance owner restarted the server.
  </p>
  <form action="/settings/token" method="post">
    <input type="text" name="token" autocomplete="off" />
    <input type="submit" value="Remember Account Cookie Until Next Server Restart" />
  </form>
  <hr />
  <h2>Logout</h2>
  <p>
    You can safely logout here. This button will just delete the token directly
    from this session.
  </p>
  <form action="/settings/logout" method="post">
    <input type="submit" value="Logout!" />
  </form>
  <hr />
  <h2>Image proxy server</h2>
  <div class="form-field">
      <form action="/settings/image_server" method="post">
          <label>
            <input type="radio" name="image-proxy" required="true" value="" />
            No (use built-in proxy)
          </label>
          {{ range ProxyList }}
          <label>
            <input type="radio" name="image-proxy" required="true" value="{{.}}" />
            {{.}}
          </label>
          {{ end }}
          <input type="submit" value="Use Selected Proxy" />
      </form>
      <br />
      <form action="/settings/image_server" method="post">
          <label for="image-proxy">
            Custom image proxy server
            <input type="text" name="image-proxy" required="true" placeholder="https://example.com"
              autocomplete="off" />
          </label>
          <input type="submit" value="Use Custom Proxy" />
      </form>
  </div>
</div>
